<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/list.css">
<!--    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1194321_795suody1u3.css">-->
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1194321_795suody1u3.css">
    <title>水路综合列表</title>
</head>
<body>
<header>
    <a href="./index.html" class="iconfont icon-fanhui"></a>
    <span>水路综合</span>
    <a href="" class=""></a>
</header>

<ul class="order">
    <li>综合 <i class="iconfont icon-xiangxia"></i></li>
    <li>销量 <i class="iconfont icon-xiangxia"></i></li>
    <li>降序 <i class="iconfont icon-xiangxia"></i></li>

</ul>

<section class="list">
     <ul class="scroll">
        <li class="listItem">
            <div class="left">
                <a href="./shop.html"><img src="./image/banner.png" alt=""></a>
            </div>
            <div class="right">
                <p>龙头维修</p>

                <div class="ping">
                    <span class="zuo">评分</span>
                    <span class="you">5.0</span>
                </div>
                <div class="ping">
                    <span class="zuo">接单率</span>
                    <span class="you">100</span>
                    <span class="bai">%</span>
                </div><br>
                <span class="zhuan"><p >非常专业</p></span>
                <span class="zhuan"><p>价格合理</p></span><br>
                <div class="hot">已售&nbsp;&nbsp;68</div>
                <div class="a">60元&nbsp;&nbsp;定金</div>
            </div>
        </li>
        <li class="listItem">
            <div class="left">
                <a href="./shop.html"><img src="./image/order.png" alt=""></a>
            </div>
            <div class="right">
                <p>龙头维修</p>

                <div class="ping">
                    <span class="zuo">评分</span>
                    <span class="you">5.0</span>
                </div>
                <div class="ping">
                    <span class="zuo">接单率</span>
                    <span class="you">100</span>
                    <span class="bai">%</span>
                </div><br>
                <span class="zhuan"><p>非常专业</p></span>
                <span class="zhuan"><p>价格合理</p></span><br>
                <div class="hot">已售&nbsp;&nbsp;68</div>
                <div class="a">60元&nbsp;&nbsp;定金</div>
            </div>
        </li>
        <li class="listItem">
            <div class="left">
                <a href="./shop.html"><img src="./image/order.png" alt=""></a>
            </div>
            <div class="right">
                <p>龙头维修</p>

                <div class="ping">
                    <span class="zuo">评分</span>
                    <span class="you">5.0</span>
                </div>
                <div class="ping">
                    <span class="zuo">接单率</span>
                    <span class="you">100</span>
                    <span class="bai">%</span>
                </div><br>
                <span class="zhuan"><p>非常专业</p></span>
                <span class="zhuan"><p>价格合理</p></span><br>
                <div class="hot">已售&nbsp;&nbsp;68</div>
                <div class="a">60元&nbsp;&nbsp;定金</div>
            </div>
        </li>
        <li class="listItem">
            <div class="left">
                <a href="./shop.html"><img src="./image/order.png" alt=""></a>
            </div>
            <div class="right">
                <p>龙头维修</p>

                <div class="ping">
                    <span class="zuo">评分</span>
                    <span class="you">5.0</span>
                </div>
                <div class="ping">
                    <span class="zuo">接单率</span>
                    <span class="you">100</span>
                    <span class="bai">%</span>
                </div><br>
                <span class="zhuan"><p>非常专业</p></span>
                <span class="zhuan"><p>价格合理</p></span><br>
                <div class="hot">已售&nbsp;&nbsp;68</div>
                <div class="a">60元&nbsp;&nbsp;定金</div>
            </div>
        </li>
        <li class="listItem">
            <div class="left">
                <a href="./shop.html"><img src="./image/order.png" alt=""></a>
            </div>
            <div class="right">
                <p>龙头维修</p>

                <div class="ping">
                    <span class="zuo">评分</span>
                    <span class="you">5.0</span>
                </div>
                <div class="ping">
                    <span class="zuo">接单率</span>
                    <span class="you">100</span>
                    <span class="bai">%</span>
                </div><br>
                <span class="zhuan"><p>非常专业</p></span>
                <span class="zhuan"><p>价格合理</p></span><br>
                <div class="hot">已售&nbsp;&nbsp;68</div>
                <div class="a">60元&nbsp;&nbsp;定金</div>
            </div>
        </li>
    </ul>
</section>
</body>
</html>